

  import {APIGoodsList} from './fetch.js';

  // $('#head').load('../../layout/head.html');
  // $('#foot').load('../../layout/foot.html');
  
  layui.use(['laypage'], function () {
    var laypage = layui.laypage;
  
    var key = '';
    var page = 1;
    var size = 20;
    var sort = 'gname';
    var type = 'asc';
  
    renderList(true); 

    function renderList(tag) {
      APIGoodsList({
        key,
        page,
        size,
        sort,
        type
      }).then(({ data, count }) => {
        var html = '';
        $.each(data, function (index, { gid, img, gname, desc, price }) {
          html += `
            <li>
            <a  href="./detail.html?gid=${gid}" target="_blank" style="text-decoration: none;"">
            <img src="${img}" alt="">
            <p id="p1"><i>¥</i>&nbsp;<span id="sp1">${price}.00</span><span id="sp2">人气：45892</span></p>
            <p id="p2">${gname}</p>
            <div id="li_a">
                <span><i id="i1" class="layui-icon layui-icon-service"></i>&nbsp 咨询客服</span>
                <span><i id="i2" class="layui-icon layui-icon-heart-fill"></i>喜欢</span>
            </div>
            </a>
            </li>
            `
        })
        
        $('#ul1').html(html);
  
        if (tag) {
          layui.use('laypage', function () {
            var laypage = layui.laypage;
  
            //执行一个laypage实例
            laypage.render({
              elem: 'search-pagination', //注意，这里的 test1 是 ID，不用加 # 号
              limit: size,
              count //数据总数，从服务端得到
              , jump: function (obj, first) {
                //obj包含了当前分页的所有参数，比如：
                console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                // console.log(obj.limit); //得到每页显示的条数
  
                //首次不执行
                if (!first) {
                  //do something
                  page = obj.curr;
                  renderList();
                }
              }
            });
          });
        }
  
      })
     
   
    }
  
  
  
  
  })
  

